<div class="panel" id="panel" action="Pedidos" onload="panel.refreshList()" externaljs="<%=request.getContextPath()%>/programs/pedidos/pedidos.js">
<div class="grid" id="mainGrid">
</div>
<div class="buttonBar">
	<table>
			<tr>
				<td>
					<button type="button" onclick="panel.previous()">&lt;</button>
					<button type="button" onclick="panel.next()">&gt;</button>
					<button type="button" onclick="panel.refreshList()">Actualizar</button>
				</td>
				<td align="right">
					<button type="button" onclick="panel.add()">Agregar</button>
					<button type="button" onclick="panel.modify()">Modificar</button>
					<button type="button" onclick="panel.remove()">Eliminar</button>
				</td>
			</tr>
	</table>
</div>
<div class="modal" id="edit">
	<table>
		<tr>
			<td>Cliente:</td>
			<td><input type="text" value="" name="name"></input></td>
		</tr>
		<tr>
			<td>Precio:</td>
			<td><input type="text" value="" name="prize"></input>
		</tr>
	</table>
	<table>
		<tr>
			<td>
				<div class="grid" style="height:100px">
				<table cellspacing="0" cellpadding="0">
					<thead>
						<tr>
						<th class="hidden"></th>
						<th class="headTH">Producto</th>
						<th class="headTH">Cantidad</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
				</div>
			</td>
		</tr>
		<tr>
			<td align="right"><button type="button" onclick="openProductosModal()">Agregar Producto</button><button type="button" onclick="removeSelectedProduct()">Eliminar Producto</button></input></td>
		</tr>
		<tr>
			<td align="right"><button type="button" onclick="closeOpenedModal()">Cancelar</button><button type="button" onclick="panel.confirmEditModal()">Aceptar</button></input></td>
		</tr>
	</table>
</div>
<div class="modal" id="productos">
	<table>
		<tr>
			<td>Nombre:</td>
			<td>
			<input type="text" value="" class="autocomplete" action="Pedidos&action=product" name="product"></input>
			<input type="hidden" value="" name="productid"></input>
			</td>
		</tr>
		<tr>
			<td>Cantidad:</td>
			<td><input type="text" value="" name="quant"></input></td>
		</tr>
		<tr>
			<td></td>
			<td align="right"><button type="button" onclick="closeOpenedModal()">Cancelar</button><button type="button" onclick="addProducto()">Aceptar</button></input></td>
		</tr>
	</table>
</div>
<div class="modal" id="filter">
	<table>
		<tr>
			<td>Nombre:</td>
			<td><input type="text" value="" name="name"></input></td>
		</tr>
		<tr>
			<td></td>
			<td align="right"><button type="button" onclick="closeOpenedModal()">Cancelar</button><button type="button" onclick="filterElement()">Aceptar</button></input></td>
		</tr>
	</table>
</div>
</div>